﻿@charset "utf-8";

/* CSS Document */
body{font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 宋体, sans-serif;font-size: 14px;font-style: normal;font-variant: normal;font-weight: normal;padding:0px;margin:0px;color:#666;word-wrap: break-word;word-break: normal; position: relative;}
h1, h2, h3, p, dl, dd, dt, span, textarea, a,  select, label, input,  table, q, ul, i, ul li, div, form,select,option {padding: 0;margin: 0;list-style: none;font-weight: normal;}
input, button,textarea,select {outline: none;}
*{padding:0; margin:0;}
.left{float:left;}
.right{float:right;}
.div-hide{display: none;}
.div-view{display:block;}
input,button{outline:none}
.fixedMenu{z-index:100;}
.relative{position: relative}

/*scroll*/
*::selection {background:#009edd;color:#fff;text-shadow:none;}
*::-moz-selection {background:#0eaed7;color:#fff;text-shadow:none;}
::-webkit-scrollbar {width:8px;height:14px;}
::-webkit-scrollbar-button {display:none;}
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece {width:11px;height:11px;}
::-webkit-scrollbar-thumb {border-width:0;border-style:solid;border-radius:6px;background:#d9d9d9;}
::-webkit-scrollbar-thumb:horizontal {border-width:3px 0;border-style:solid;border-color:#fefefe;border-radius:6px;background:#d9d9d9;}
::-webkit-scrollbar-thumb:hover {background:#bdbdbd;}
::-webkit-scrollbar-thumb:active {background:#8e8e8e;}


/*foot*/
#foot{width:100%;height:150px;text-align:center;clear:both;}
.foot{width:720px;color:#999;margin:0px auto;}
.foot a:link{color:#666;text-decoration:none;}
.foot a:visited{color:#777;text-decoration:none;}
.foot a:hover,.foot a:active{color:#666;text-decoration:underline;}
.foot a{margin:0px 5px 0px 5px;}
.foot p{line-height:30px;}
.foot-fixed{position:fixed;bottom:0px;}


/********font**********/
a:link {color: #666;text-decoration: none}
a:visited {color: #666;text-decoration: none}
a:hover, a:active {color: #63b38e;text-decoration: underline}
a.a1:link {color: #333;text-decoration: none}
a.a1:visited {color: #333;text-decoration: none}
a.a1:hover, a.a1:active {color: #63b38e;text-decoration: underline}
a.a2:link {color: #63b38e;text-decoration: none}
a.a2:visited {color: #63b38e;text-decoration: none}
a.a2:hover, a.a2:active {color: #63b38e;text-decoration: underline}
a.a3:link {color: #fff;text-decoration: none}
a.a3:visited {color: #fff;text-decoration: none}
a.a3:hover, a.a3:active {color: #fff;text-decoration: none;}
a.a4:link {color: #333;text-decoration: none}
a.a4:visited {color: #333;text-decoration: none}
a.a4:hover, a.a4:active {color: #63b38e;text-decoration: none;}

.f48{font-size:48px; font-weight:bold;}
.f36{font-size:36px;}
.f28{font-size:28px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
/*****border*******/
.border{border:1px solid #e4e4e4;}
.border-2{border:1px solid #e4e4e4;}
.border-1{border-bottom:1px solid #e4e4e4;}
/*.border-hover{border:1px solid #63b38e;box-shadow: 0px 1px #63b38e;}*/
.dashed{border-bottom:1px dashed #e4e4e4;}
.dashed-1{border-bottom:1px dashed #e4e4e4;margin-top:2px;}
/*margin*/
.margin-1{margin:10px 0px 10px 0px;}
.margin-2{margin:0px 10px 0px 0px;}
.margin-3{margin:15px 0px 15px 0px;}
.margin-4{margin:5px 0px 5px 0px;}
.margin-5{margin:8px 0px 8px 0px;}
.margin-6{margin:0px 0px 0px 15px;}
.margin-7{margin-top:20px;}
.margin-8{margin-top:15px;}
.margin-9{margin-top:12px;}
.margin-10{margin:12px 0px 8px 0px;}
.margin-11{margin:20px 0px 20px 0px;}
.margin-12{margin:12px 0px 12px 0px;}
.margin-13{margin:20px 0px 0px 0px;}
.margin-14{margin-bottom:10px;}
.margin-15{margin:7px 0px 7px 0px;}
.padding-1{padding-left:20px;}
.padding-2{padding:20px;}

.c1{color:#63b38e}
.c2{color:#3388ff}
.c3{color:#fff}
/*input*/
.input{font-family:"Microsoft Yahei","Tahoma","Arial";height:16px;background:#fff;}
.input-1{width:400px;padding:8px 10px 10px 10px;margin-right:10px;}
.input-2{width:308px;color:#999;font-size:14px;padding:10px 10px 12px 32px;}
.input-3{width:328px;color:#999;font-size:14px;padding:9px 10px 13px 10px;}
.input-4{width:175px;color:#999;font-size:14px;padding:9px 10px 13px 10px;float:left;}
.input-5{padding:8px 10px 10px 10px;margin-right:10px;}
/*button*/
.btn{background:#63b38e;text-align:center;color:#fff;cursor:pointer;display: block;border:none;}
.btn:hover{background:#6bc49b;}
.btn-1{width:80px;height:36px;font-size:14px;}
.btn-2{width:350px;height:40px;font-size:16px;}
.btn-3{width:100px;height:28px;}
.btn-4{width:240px;height:50px; line-height: 48px;}
.btn-gray{background:#f2f2f2;text-align:center;color:#666;cursor:pointer;display: block;}
.btn-gray:hover{background:#fff;color:#63b38e;}
.btn-gray-1{width:142px;height:40px;}
.btn-gray-2{background:#dfdfdf;width:142px;height:40px;color:#666;}

/*******login-bg************/
.login-bg{background:url(../images/login-bg.png) no-repeat; display:inline-block;}
.icon-user{background-position: 4px 2px;}
.icon-user:hover{background-position: 4px -38px;}
.icon-lock{ background-position: 4px -78px}
.icon-lock:hover{background-position: 4px -118px}


/***************right-menu****************/
.rightMenu{position:fixed;right:0px;bottom:0px;height: 100%; }
.right-position{position: relative;}
.rightMenu-li{width:35px;height:35px;text-align: center;line-hegiht:35px;background: #333}
.rightMenu-li:hover{background: #63b38e}
.rightMenu-li a i{z-index: 2;padding-top:8px !important;color:#e6e6e6;}
.left-content{width:35px;height:100%; position:relative}
.left-content-1{position: fixed; bottom:10px; }
.rightMenu-tips{background: #63b38e;text-align: center;z-index: -1;left:35px;width:70px;height:35px;line-height: 35px;color:#fff;position: absolute;right:0px;top:0px;-webkit-transition: left .3s ease-in-out .1s;-moz-transition: left .3s ease-in-out .1s;transition: left .3s ease-in-out .1s;}
.slider-left-hover .rightMenu-tips{left:-70px;}
/*******************************login******************************/
#index-login{width:400px;font-size:14px;clear:both;display:none;}
.index-login-1{width:350px;margin:0px auto;padding-top:6px;}
.index-login-1 p{color:#999;}
.index-login-1 a{margin:20px 20px 20px 0px;line-height:40px;}



/****menu******/
.logo img{margin-bottom:-16px; height:18px;}
#menu{width:100%;height:40px;background:#63b38e; border-left:0px; border-right:0px;}
.menu{height:40px;  margin:0px auto;}
.menu ul li{float:left; width:90px; text-align:center;  cursor:pointer; color:#fff;line-height:40px !important;}
.menu ul li:hover{background:#59a783; color:#fff;}
.menu ul li.current{ background:#559f7d; color:#fff;}



#menu-top{height:16px;width:100%;padding:9px 0px 9px 0px; background:#fafafa;border-bottom:1px solid #e4e4e4;}
.menu-top{ margin:0px auto;display:block;}
.menu-top a{margin:0px 5px 0px 5px;}


/********************************quick*********/
.quick{ position:absolute; top:0px; left:-72px;}
.quickMenu{position:relative;width:60px;}
.quickMenu ul li{border-bottom:1px solid #e4e4e4;height:32px; line-height:32px; background:#fff;text-align: center;}
.quickMenu ul li:hover{background:#f2f9f6;}



/********************************goods*********/
.item {padding:12px 12px 0px 12px;}
.itemAll .span2,.itemAll .span2-4{border:#e4e4e4 solid 1px; margin-right:-1px; margin-top:-1px;}
.item:hover,.index-link .span2:hover{background: #fafafa;}
.item-icon i{ color:#666; cursor: pointer;margin-top:2px;}
.item-icon i:hover{ color:#63b38e;}
.row-1{width:100%;display:inline-block;line-height:24px;}
.row-1 span{text-decoration:line-through;color:#999;}
.list-price{font-weight:bold;color:#63b38e;margin:0px 5px 0px -4px;}
.index-link .span2{ padding:10px 10px 10px 10px;}

.alertDiv{ display:none; padding:20px;}
.alertDiv>div.table-list{width:760px;}
.admin-form label{ display:block;width:120px;height:38px; line-height:38px;text-align:right; float:left; padding-right:10px;}
.admin-form div{clear:both;padding:15px 0px 0px 0px;}
.admin-form input{float:left;}
.admin-form .btn-1{margin-left:0px}
.admin-form textarea{width:60%; height:100px; text-align:left;resize: none;display:block;padding:10px; color:#999;}
.goto{width:600px; height:320px; position: absolute; top:50%;left:50%; margin-top:160px; margin-left:-300px;background: #e0dfd4; text-align: center }

@font-face {
    font-family: 'iconfont-isale';  /* project id："176289" */
    src: url('https://at.alicdn.com/t/font_qqlizunpe486w29.eot');
    src: url('https://at.alicdn.com/t/font_qqlizunpe486w29.eot') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_qqlizunpe486w29.woff') format('woff'),
    url('https://at.alicdn.com/t/font_qqlizunpe486w29.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_qqlizunpe486w29.svg#iconfont') format('svg');
}

.icon {
    font-family: "iconfont-isale" !important;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
    content: "\e600";
}
.icon-goods:before {
    content: "\e601";
}
.icon-ad:before {
    content: "\e602";
}
.icon-order:before {
    content: "\e603";
}
.icon-class:before {
    content: "\e604";
}
.icon-cash:before {
    content: "\e605";
}
.icon-exit:before {
    content: "\e606";
}
.icon-psw:before {
    content: "\e607";
}
.icon-like:before {
    content: "\e608";
}
.icon-book:before {
    content: "\e609";
}
.icon-service:before {
    content: "\e610";
}
.icon-zheng:before {
    content: "\e611";
}
.icon-seven:before {
    content: "\e612";
}
.icon-time:before {
    content: "\e613";
}
.icon-bao:before {
    content: "\e614";
}

.icon-add:before {
    content: "\e615";
}
.icon-top:before {
    content: "\e616";
}

